/* vue transition */

// pop
.pop-enter-active,
.pop-leave-active,
.popr-enter-active,
.popr-leave-active {
  transition: all 0.4s ease;
}
.pop-enter,
.pop-leave-active {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.popr-enter,
.popr-leave-active {
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

// zoomIn
.zoomIn-enter-active,
.zoomIn-leave-active {
  transition: all 0.4s ease-in;
}

.zoomIn-enter,
.zoomIn-leave-active {
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
}

// toast
.toast-enter-active,
.toast-leave-active {
  transition: all 0.2s ease;
}
.toast-enter,
.toast-leave-active {
  opacity: 0;
}
